@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
@import "../common/scss/weui";
body{
  height: 100%;
  background-color: #18ad50;
}
.wrap-box{
  padding: 0 0 0.4rem;
  background-color: $bg00;
}
.ticket-item{

  padding: 0.4rem 0;
  .p-title{
    font-size: 1.5rem;
    line-height: 1.8rem;
    color:#333;
	max-width:17.8rem;
	overflow:hidden;
	@extend .single-line-clamp;
  }
  .p-tags{
	color:#727272;
	font-size: 0.9rem;
	min-height:0.9rem;
	padding:0.5rem 0 0;
	em{
		padding: 0 0.4rem;
	}
  }
  .ticket-info{
    @extend .flex-row;
  }
  .price-box{
    @extend .flex-item;
    .price{
      color: $color05;
      font-size: $fs18;
      line-height: 2.2rem;
	  em{
		font-size: $fs15;
	  }
    }

	.order-notice{
	   font-size:1rem;
	   color:#4c4c4c;
	   padding-left:1rem;
		[data-device-type="android"] &{
			vertical-align: -webkit-baseline-middle;
		}
	   i{
	      margin-left:0.5rem;
		  margin-top:-0.2rem;
	   }
	}
    del{
      color:$color01;
      font-size:1.1rem;
		[data-device-type="android"] &{
			vertical-align: -webkit-baseline-middle;
		}
    }
  }

  .p-tags{
    span{
      padding: 0.2rem;
      border: 1px solid $border04;
      border-radius: 0.4rem;
      margin-right: 0.4rem;
      font-size: 0.85rem;
      color:$color04;
    }
  }
  button{
   &.btn-white{
     @include btn-white;
	 width:6rem;
	 height:2.8rem;
	 border: 1.5px solid #21ab38;
   }
  }
}
  .icon-min-right{
    @include mix-min-right();
  }		
.m-imei{
	  .wrap-box{
		margin:0;
		padding:0;
	  }
	.quantitywrap,.form-group,.coupon-nav{
	     
	     padding:0.8rem 1.4rem;
		.label{
		  padding-right:1rem ;
		  white-space: nowrap;
		  font-size:$fs15;
		  color: $color03;
		  align-self:center;
		  span.limit{
			font-size:$fs11;
			color: $color01;
			margin-left:0.4rem;
		  }
		}
	}
	.quantitywrap{
		@extend .flex-row;
	}
	.no-coupon{
		background-color:$bg02;
		height: 3.2rem;
		line-height: 3.2rem;
		padding:0.8rem 1.4rem;
		font-size:$fs15;
	}
	.coupon-nav{
		background-color:$bg02;
		height: 3.2rem;
		@extend .flex-row;
		.dircoupon{
			@extend .flex-item;
			text-align:right;
			align-self: center;
			font-size:$fs15;
			color: $color03;
			i{margin-left:0.6rem;}
		}
	}

  .form-group{
    @extend .flex-row;
    .item-feild{position:relative;    width: 24rem;}

    .form-control{
      @include iptbox();
      border: 1px solid transparent;
      width: 90%;
      width: 21.2rem;
      height: 2.15rem;

    }
    .empty{
      &::-webkit-input-placeholder{color:$color05;}
      &:-moz-placeholder{color:$color05;}
      &::-moz-placeholder{color:$color05;}
      &:-ms-input-placeholder{color:$color05;}
    }
    .error{
      color:$color05;
    }
    em{
      i{
        position: absolute;
        white-space: nowrap;
        right: 0.2rem;
        font-size: 1rem;
        background-color: $color05;
        color: $color10;
        display: inline-block;
        padding: 0.2rem 0.6rem;
        top: 0.6rem;
        border-radius: .4rem;
      }
    }
  }
  .coupon-head{
		@include flexbox;
		height:4.2rem;
		.coupon-label,.coupon-tips{
		    align-self: center;
			font-size:$fs15;
		}
		.coupon-label{
			@include flex-grow(1);
			  
			  color:$color03;
			  padding-left:1.4rem;
		}
		.coupon-tips{
			padding-right:1.4rem;
			color:$color02;
		}
  }
  .inner{
		@include scrolling;
  }
	.coupon-list{
	    padding: 0 1.4rem;
	   max-height:18.8rem;
	   
		.icon-radio{
			@include mix-radio-default();
		}
		.icon-caret{
			@include mix-caret();
		}
		.hide{
			display:none;
		}
		.loadmore{
			padding:0.8rem 0;
			  color:$color01;
			font-size:$fs11;
			text-align:center;
		}
	  .coupon-item{
	      border-top:1.5px solid $border01;
		  @extend .flex-row;
		  padding:1.2rem 0;
		 .label-num, .date{    align-self: center;}
		 .label-num{        
			  white-space: nowrap;
			  font-size:$fs15;
			  color:$color03;
			  padding-right:0.5rem;
		 }
		 .date{
			@extend .flex-item;
			color:$color01;
			font-size:$fs11;
		 }
		&.coupon-item-checked{
			.icon-radio{
				@include mix-radio-checked();
			}
		}
	      &.disabled{
	            opacity: 0.5;
	      }
	  }

	}
}
.m-open-dialog .dialog-head{
  margin-bottom:0;
  border-bottom:0;
  height: 3.8rem;
}
.coupon-box{
  @extend .flex-row;
  font-size:$fs15;
  color:$color02;
  .title{
     @extend .flex-item;
     
  }
  .label-num{
  i{
    margin-left:0.4rem;
  }
  }
}

.m-dialog{
	@include top-radius();
	@include box-shadow(0.4rem,0.1rem,0.4rem,$bg01);
}

.flex-item-auto{
	color:$color01;
    align-self: center;
	@extend .flex-item;
}
.quantity-form {
  @include module-quantity();
}
.ticketwindow{
	position:relative;
	padding-top:0.4rem;
	.no-ticket{
	  text-align:center;
	  height:100%;
	}
	.inner-flex{
		@include flexbox;
		 -webkit-flex-direction: column;
		flex-direction: column;
		height:100%;
		
		.inner,.whitebox,.body{
			@include flex-grow(1);
			-webkit-user-select: none;
			-webkit-overflow-scrolling: touch;
			overflow: auto;
		}
		
	}
	.shading{
		background:url(/images/ticketwindow/top-shading.png) no-repeat center bottom;
		background-size:100%;		
		height:1.4rem;
		position:absolute;
        top:0.8rem;
		left:0.6rem;
		right:0.6rem;
	}
	.inner{
		position:relative;
		margin: 1.2rem 1.2rem 0;
		padding-top:1.7rem;	
		overflow: hidden;
		.header{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			 height:1.8rem; 		
			.limit-today{
				background:url(/images/ticketwindow/limit-today.png?v=1) no-repeat center top;
				background-size:100%;
				height:1.8rem;
			}
		}
		.whitebox{		
			position:relative;
			z-index:2;
			background-color:#fff;	
			height: 100%;			
			.body{
			   overflow-x:hidden;
			   overflow-y:auto;
			   
			   .wrap-box{
			      &:last-child{
				     .semicircle{
						   display: none;
					 }
				  }
			   }
			  .modal-open &{
					overflow-y:hidden;
			  }
			}

		}
			.footer{
				background-color:#fff;		
				padding:0.8rem 1rem;
				 margin-top: -1.5px;
				.tips{
					text-align:right;
					font-size:0.9rem;
					color: #21ac39;
					border-top: 0.15rem dashed #d3d3d3;
					padding-top:1.2rem;
					span{
						display:inline-block;
						opacity: .8;
						[data-device-type="android"] &{
							vertical-align: -webkit-baseline-middle;
						}
					}

				}
				.icon-remind{
					@include mix-remind();
					margin-right:0.4rem;
				}

			}

		.polka{
			background:url(/images/ticketwindow/bt-shading.png) no-repeat center bottom;
			background-size:101%;
			height:1.1rem;
			margin-top:-1.5px;
		}	
	
	}
	.ticketwindow .inner .whitebox .body .wrap-box:last-child .semicircle
	&.limit-ticket {
	    .inner{
		    .whitebox{
			   .body{
			       wrap-box:last-child{
				     .semicircle{
						   display: block;
					 }
				   }
			   }
			}
		}
	  .footer{
		.tips{
			border-top:0;
			padding-top: 0;
		}
	  }
	}	
	.auto-height{
		.inner-flex{
		    height: auto;
		}
	}
    
	.ticket-item{
		@include flexbox;
		.rowsinfo,.rowsbtn{
		   align-self:center;
		}
		.rowsinfo{
			@include flex-grow(1);
			padding-left:2rem;
		}
		.rowsbtn{
			width:10rem;
			text-align:center;
		}
	}
	.semicircle{
		position:relative;
		width:100%;
		height:0.8rem;
		.semicircle-right,.semicircle-left{
				background: #18ad50;
				height: 0.8rem;
				width: 0.4rem;
				position:absolute;
				bottom:0;
		}
		.semicircle-right {	
			left:-1.5px;
			-moz-border-radius: 0 0px 50px 0;
			-webkit-border-radius:0 50px 50px 0;
			border-radius:0 50px 50px 0;
		}	
		.semicircle-left {	
			right:-1.5px;
			-moz-border-radius:50px 0 0 50px;
			-webkit-border-radius:50px 0 0 50px;
			border-radius:50px 0 0 50px;
		}	
		.semicircle-line{
			position:absolute;
			top:50%;
			border-bottom:1.5px dashed #d3d3d3;
			width:92%;
			left:4%;
		}
	}
}
		.copyright{
		   @include flexbox;
		   height:1.4rem;
		   padding: 1.5rem 0;
		   &>div{
			  @include flex-grow(1);
			  
		   }
			.wechat-pay{
				text-align: right;
				padding-right:1.5rem;
				align-self: center;
			}
			.mopon-logo{
				padding-left:1.5rem;
				position:relative;
			}
			.wechat-pay,.mopon-logo{
				&.single{
					text-align:center;
					.line-between{
						display:none;
					}
				}
				
			}
		   .icon-wechat-pay,.icon-mopon-logo{
			   background-size:100%;
			   background-repeat:no-repeat;
			   background-position:center center;
			   display:inline-block;
			   height:1.4rem;
		   }
		   .icon-wechat-pay{
				background-image:url(/images/ticketwindow/wechat-pay.png);			
				width:6.1rem;
				
		   }
		   .icon-mopon-logo{
				background-image:url(/images/ticketwindow/mopon-logo.png);			
				width:5.1rem;
		   }
		   .line-between{
			 position:absolute;
			 height:0.8rem;
			 border-left:1.5px solid #fff;
			 left:0;
			 top:0.5rem;
		   }
		}


@import "../common/scss/layer";
@import "../common/scss/utilities";

